
<header>
  <div id="logo-area"><a href="#">
      <div id="logo"><img src="/static/img/logo.png"/></div>
      <div id="gugu-title">估估网</div></a>
    <div id="sidebar-btn" class="menu-btn">
      <div id="side-inner" class="menu-btn-inner">
        <div id="line1" class="line line1 animated"></div>
        <div id="line2" class="line line2 animated"></div>
        <div id="line3" class="line line3 animated"></div>
      </div>
    </div>
  </div>
  <div id="menu">
    <div id="index" class="m-one active"><a href="#">首页</a></div>
    <div id="intro" class="m-one"><a href="#">介绍</a></div>
    <div id="news" class="m-one"><a href="#">资讯</a></div>
    <div id="app" class="m-one"><a href="#">app下载</a></div>
  </div>
  <div id="user">
    <div id="user-list-btn">
      <div id="user-tri" class="triangle"></div>
    </div>
    <div id="nickname">IDIDIDIDIDIDID</div>
  </div>
  <div id="tools">
    <div id="share" class="tool-btn">
      <div id="s-img" src="/static/img/share1.png" class="inner-img"></div>
    </div>
    <div id="message" class="tool-btn">
      <div id="m-img" src="/static/img/messagebtn1.png" class="inner-img"></div>
    </div>
  </div>
</header>